<template>
  <div>
    <el-card>
      <span>计科及格率 </span>
      <el-progress
        type="circle"
        :percentage="70"
        status="success"
      ></el-progress>
      <span>软件及格率</span>
      <el-progress
        type="circle"
        :percentage="90"
        status="success"
      ></el-progress>
      <span>网络及格率</span>
      <el-progress
        type="circle"
        :percentage="50"
        status="success"
      ></el-progress>
    </el-card>

    <el-card>
      <span>分数段90~100----80~89----70~79----60~69----60以下</span>
      <el-progress
        :text-inside="true"
        :stroke-width="30"
        :percentage="10"
      ></el-progress>
      <el-progress
        :text-inside="true"
        :stroke-width="30"
        :percentage="20"
        status="success"
      ></el-progress>
      <el-progress
        :text-inside="true"
        :stroke-width="30"
        :percentage="30"
      ></el-progress>
      <el-progress
        :text-inside="true"
        :stroke-width="30"
        :percentage="30"
        status="warning"
      ></el-progress>
      <el-progress
        :text-inside="true"
        :stroke-width="30"
        :percentage="10"
        status="exception"
      ></el-progress>
    </el-card>

    

    <el-card>
        <span>共青团员/预备党员/群众/入党积极分子</span>
      <!-- <el-progress
        :percentage="11"
        color="rgb(0, 255, 85)"
        :stroke-width="15"
      ></el-progress>
      <el-progress
        :percentage="10"
        color="#fff"
        :stroke-width="15"
      ></el-progress>
      <el-progress
        :percentage="9"
        color="rgb(255, 115, 0)"
        :stroke-width="15"
      ></el-progress>
      <el-progress
        :percentage="70"
        color="rgb(255, 0, 149)"
        :stroke-width="15"
      ></el-progress> -->
       <el-progress
        :text-inside="true"
        :stroke-width="30"
        :percentage="10"
      ></el-progress>
      <el-progress
        :text-inside="true"
        :stroke-width="30"
        :percentage="20"
        status="success"
      ></el-progress>
      <el-progress
        :text-inside="true"
        :stroke-width="30"
        :percentage="30"
      ></el-progress>
      <el-progress
        :text-inside="true"
        :stroke-width="30"
        :percentage="30"
        status="warning"
      ></el-progress>
      <el-progress
        :text-inside="true"
        :stroke-width="30"
        :percentage="10"
        status="exception"
      ></el-progress>
    </el-card>
  </div>
</template>

<script>
export default {
  name: "analyse",
  format(percentage) {
    return percentage === 70 ? "共青团员" : `${percentage}%`;
    return percentage === 10 ? "预备党员" : `${percentage}%`;
    return percentage === 11 ? "群众" : `${percentage}%`;
    return percentage === 9 ? "入党积极分子" : `${percentage}%`;
  },
};
</script>
<style>
.el-card {
  margin-bottom: 20px;
  font-size: 20px;
}
.el-process {
  margin-bottom: 20px;
  font-size: 12px;
}
</style>